﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>查找元素设置样式</title>
		
	</head>
	<body>
		<div>
			
			<p>第一个ul：</p>
			<ul>
				<li>Spring</li>
				<li>Summer</li>
			</ul>
			<p>第二个ul：</p>
			<ul>
				<li>Autumn</li>
				<li>Winter</li>
			</ul>			
		</div>
		 <script src="../jquery-1.12.4.min.js"></script>
		<script>
			// 1、设置第一个ul的第一个li 样式为：背景色黄色
			 $('ul li:first').css({'background':'yellow'});
			// 2、设置第2个ul样式为：字体加粗红色
			$('ul:odd').css({'color':'red','font-weight':'bolder'});
		    //1)通过find()找到div标签下的所有ul标签
		   $uls=$('div').find('ul');
		    //2）通过eq()找到第2个ul，然后设置该ul的样式
		    $uls.eq(1).css({'color':'red','font-weight':'bolder'});
		    // 3、返回第一个ul的第一个li的背景颜色		    
		    console.log($('ul li:first').css('background'));
		    
			
		</script>
	</body>
</html>
